<!doctype html>
<html>
<head>
<title>飞拓无限微信</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="stylesheet" type="text/css" href="css/feituowx.css"/>

<link rel="stylesheet" type="text/css" href="css/lml_productOrder.css"/>

<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script type="text/javascript" src="js/daohangjs.js"></script>
<script type="text/javascript" src="js/links.js"></script>
<script type="text/javascript">
window.addEventListener('load',addNum, false);	
	
function addNum(){
	var $lml_poTdDq = $(".lml_poTdDq"),
		$lml_poTdAllq = $(".lml_poTdAllq"),
		$lml_poTdTabNumCon = $(".lml_poTdTabNumCon"),
		$lml_poTdTabNumL = $(".lml_poTdTabNumL"),
		nVal = 0,
		$lml_poTdTabNumR = $(".lml_poTdTabNumR");

	$lml_poTdTabNumR.bind("click", function(){
		changeNum(true);
	});
	$lml_poTdTabNumL.bind("click", function(){
		changeNum();
	});

	function changeNum(btn){

		var $lml_poTdTabNumConVal = $lml_poTdTabNumCon.html() - 0;

		
			if(btn){
				$lml_poTdTabNumConVal++
			}else{
				if($lml_poTdTabNumConVal<=1){
					$lml_poTdTabNumConVal = 1;
				}else{
					$lml_poTdTabNumConVal--;
				}
			}
		
		nVal = $lml_poTdTabNumConVal;

		$lml_poTdTabNumCon.html(nVal);
			
		$lml_poTdAllq.html(parseInt($lml_poTdDq.html()) * nVal + ".00");

	}

}

</script>
</head>

<body>
<div class="feituowxbody">
	<!--
    	描述：内容开始
    -->
    <div class="lml_w100 lml_poT">
    	<div class="lml_mAuto w440 lml_porR lml_poTd lml_poTd1">
    		<div id="awrapper" class="awrapper">
				  <div class="scroller">
					<ul>
					  <li>
							<div class="scrollerD">
								<img src="images/lml_po_fcous1.png" width="100%" />
							</div>
					  </li>
					</ul>
				  </div>
				  <ul class="indicator lml_dn">
					<li class="active"></li>
				  </ul> 
			</div>
			<a href="javascript:;" class="lml_porA lml_poTdBtnL lml_dn"><img src="images/lml_po_fcousBtnL.jpg" width="100%"/></a>
			<a href="javascript:;" class="lml_porA lml_poTdBtnR lml_dn"><img src="images/lml_po_fcousBtnR.jpg" width="100%"/></a>
    	</div>
    	<div class="lml_mAuto w440 lml_porR lml_poTd lml_poTd2">
			<table class="lml_poTdTab" width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="lml_poTdTabL" width="35%" align="right" valign="middle">商品名称：</td>
					<td class="lml_poTdTabR" width="65%" align="left" valign="middle">金士顿U盘（飞拓订制版）</td>
				</tr>
			</table>
    	</div>
    	<div class="lml_mAuto w440 lml_porR lml_poTd lml_poTd2">
			<table class="lml_poTdTab" width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="lml_poTdTabL" width="35%" align="right" valign="middle">规格：</td>
					<td class="lml_poTdTabR" width="65%" align="left" valign="middle">16G</td>
				</tr>
			</table>
    	</div>
    	<div class="lml_mAuto w440 lml_porR lml_poTd lml_poTd2">
			<table class="lml_poTdTab" width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="lml_poTdTabL" width="35%" align="right" valign="middle">单价：</td>
					<td class="lml_poTdTabR" width="65%" align="left" valign="middle">￥<span class="lml_poTdDq">60.00</span></td>
				</tr>
			</table>
    	</div>
    	<div class="lml_mAuto w440 lml_porR lml_poTd lml_poTd2">
			<table class="lml_poTdTab" width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="lml_poTdTabL" width="35%" align="right" valign="middle">购买数量：</td>
					<td class="lml_poTdTabR" width="65%" align="left" valign="middle">
						<div class="lml_porR lml_poTdTabNum">
							<a href="javascript:;" class="lml_porA lml_poTdTabNumL">-</a>
							<div class="lml_poTdTabNumCon">2</div>
							<a href="javascript:;" class="lml_porA lml_poTdTabNumR">+</a>
						</div>
					</td>
				</tr>
			</table>
    	</div>
    	<div class="lml_mAuto w440 lml_porR lml_poTd lml_poTd2 lml_poTd3">
			<table class="lml_poTdTab" width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="lml_poTdTabL" width="35%" align="right" valign="middle">总计金额：</td>
					<td class="lml_poTdTabR lml_cfbad06" width="65%" align="left" valign="middle">￥<span class="lml_poTdAllq">120.00</span></td>
				</tr>
			</table>
    	</div>
		<div class="lml_mAuto w440 lml_poTdBtn">
			<a class="lml_db" href="javascript:;"><img src="images/lml_po_TdBtn.png" width="100%" /></a>
		</div>
    </div>
    <div class="lml_w100 lml_poB">
    	<div class="lml_mAuto w440 lml_poBcont">
			<table class="lml_poBcontTab" width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="lml_poTdTabL" width="35%" align="right" valign="middle">品牌：</td>
					<td class="lml_poTdTabR" width="65%" align="left" valign="middle">金士顿</td>
				</tr>
			</table>
    	</div>
    	<div class="lml_mAuto w440 lml_poBcont">
			<table class="lml_poBcontTab" width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="lml_poTdTabL" width="35%" align="right" valign="middle">产地：</td>
					<td class="lml_poTdTabR" width="65%" align="left" valign="middle">中国大陆</td>
				</tr>
			</table>
    	</div>
    	<div class="lml_mAuto w440 lml_poBcont">
			<table class="lml_poBcontTab" width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="lml_poTdTabL" width="35%" align="right" valign="middle">接口：</td>
					<td class="lml_poTdTabR" width="65%" align="left" valign="middle">USB2.0</td>
				</tr>
			</table>
    	</div>
    	<div class="lml_mAuto w440 lml_poBcont">
			<table class="lml_poBcontTab" width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="lml_poTdTabL" width="35%" align="right" valign="middle">容量：</td>
					<td class="lml_poTdTabR" width="65%" align="left" valign="middle">16G</td>
				</tr>
			</table>
    	</div>
	</div>
	<!--
    	描述：内容结束
    -->
    <!--
    	描述：底部浮动框导航栏开始
    -->
    <div class="bottomdaoh">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="33%" align="center" height="44">
                <a href="##" style="text-decoration:none;"><div class="bottomdiv" id="feituojianjiebtn" ontouchstart="daoHang('feituojianjiebtn')">飞拓简介</div></a>
            </td>
            <td width="34%" align="center">
                <a href="##"  style="text-decoration:none;"><div class="bottomdiv" id="chenggonganlibtn" ontouchstart="daoHang('chenggonganlibtn')">成功案例</div></a>
            </td>
            <td width="33%" align="center">
                <a href="index.html" style="text-decoration:none;"><div class="bottomdiv" id="fanhuishouyebtn" ontouchstart="daoHang('fanhuishouyebtn')">返回首页</div></a>
            </td>
          </tr>
        </table>
    </div>
    <div class="poptip0" id="feituojianjiecaidan" style="height:122px;">
       <span class="poptip1-arrow poptip1-arrow-bottom" style="left:20%"><em>◆</em><i>◆</i></span>
       <div class="daohtiaoxm" id="gongsigaikuangbtn" ontouchstart="daoHang('gongsigaikuangbtn')">
       	  <a href="gongsigaikuang.html" class="ziti" >关于我们</a>
       </div>
       <div class="daohtiaoxm" style="height:2px;">
       	  <img src="images/xiahuaxian.png" />
       </div>
       <div class="daohtiaoxm" id="feituoziyuanbtn" ontouchstart="daoHang('feituoziyuanbtn')">
       	  <a href="feituoziyuan.html" class="ziti">飞拓资源</a>
       </div>
       <div class="daohtiaoxm" style="height:2px;">
       	  <img src="images/xiahuaxian.png" />
       </div>
       <div class="daohtiaoxm" id="gongsidongtaibtn" ontouchstart="daoHang('gongsidongtaibtn')">
       	  <a href="gongsidongtai.html" class="ziti">公司动态</a>
       </div>
   </div>
   <div class="poptip0" id="chenggonganlicaidan" style="left:33%; height:205px;">
       <span class="poptip1-arrow poptip1-arrow-bottom" style="left:50%"><em>◆</em><i>◆</i></span>
       <div class="daohtiaoxm" id="kuaixiaobtn" ontouchstart="daoHang('kuaixiaobtn')">
       	  <a href="kuaixiao.html" class="ziti">快消</a>
       </div>
       <div class="daohtiaoxm" style="height:2px;">
       	  <img src="images/xiahuaxian.png" />
       </div>
       <div class="daohtiaoxm" id="jinrongbtn" ontouchstart="daoHang('jinrongbtn')">
       	   <a href="jinrong.html" class="ziti">金融</a>
       </div>
       <div class="daohtiaoxm" style="height:2px;">
       	  <img src="images/xiahuaxian.png" />
       </div>
       <div class="daohtiaoxm" id="qichebtn" ontouchstart="daoHang('qichebtn')">
          <a href="qiche.html" class="ziti">汽车</a>
       </div>
       <div class="daohtiaoxm" style="height:2px;">
       	  <img src="images/xiahuaxian.png" />
       </div>
       <div class="daohtiaoxm" id="itshumabtn" ontouchstart="daoHang('itshumabtn')">
          <a href="itshuma.html" class="ziti">IT数码</a>
       </div>
       <div class="daohtiaoxm" style="height:2px;">
       	  <img src="images/xiahuaxian.png" />
       </div>
       <div class="daohtiaoxm" id="huangzhuangpinbtn" ontouchstart="daoHang('huangzhuangpinbtn')">
          <a href="huazhuangpin.html" class="ziti">化妆品</a>
       </div>
   </div>   
</div>

<script type="text/javascript" src="js/iscroll.js"></script>
<script type="text/javascript" charset="utf-8">
	//轮播

	$(".indicator").css({"left": "50%", "marginLeft":  - $(".indicator").width()/2});

	var myScroll;
	
	function loaded(){
		myScroll = new iScroll('awrapper', {
			snap: true,
			momentum: false,
			hScrollbar: false,
			onScrollEnd: function () {
			
				document.querySelector('.indicator > li.active').className = '';
				
				document.querySelector('.indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
	
			}
	   });
	};
	window.addEventListener('load',loaded, false);
	
	//轮播上下按钮事件
	$(".lml_poTdBtnR img").click(function(){myScroll.scrollToPage('next',0,200);});
	$(".lml_poTdBtnL img").click(function(){myScroll.scrollToPage('prev',0,200);});
	
	
</script>
<script type="text/javascript" src="js/lml_productOrder.js"></script>
</body>
</html>
